﻿<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">
            <i class="fa-fa-sign-large"></i>Informaci&oacute;n
        </h3>
    </div>
    <div class="panel-body">
        <div class="well well-lg">
            <p>El presente examen tiene una duración de {{TiempoExamen}} minutos.</p>
            <p>Lea detenidamente las preguntas presentadas a continuación.</p>
            <div class="clock" style="margin:2em;"></div>
            <div class="message"></div>
        </div>
        <div id="preguntasCuestionario">

            <div class="panel panel-default">
                <div class="panel-body">
                    <h2>Test</h2>
                    {{#each Preguntas}}
                    <h5>{{@index}}. {{Enunciado}}</h5>
                    <br />
                    {{#if Recursos}}
                        {{#each Recursos}}
                            {{#if_eq CodigoTipo "IMG"}}
                                <img src="http://localhost/ExcellentProject.Cuestionarios/api/streamming?filename={{Uri}}&ext=jpeg" alt="Ima" style="margin: 0 auto; width: 400px;" />
                            {{/if_eq}}
                            {{#if_eq CodigoTipo "VID"}}
                                <video controls="controls">
                                    <source src="http://localhost/ExcellentProject.Cuestionarios/api/streamming?filename={{Uri}}&ext=mp4" type="video/mp4" style="margin: 0 auto; width: 400px;" />
                                </video>
                            {{/if_eq}}
                            {{#if_eq CodigoTipo "SND"}}
                                <audio controls="controls">
                                    <source src="http://localhost/ExcellentProject.Cuestionarios/api/streamming?filename={{Uri}}&ext=mp3" type="audio/mp3" style="margin: 0 auto; width: 400px;" />
                                </audio>
                            {{/if_eq}}
                        {{/each}}
                    {{/if}}
                    <br />
                    <div id="opcionesSeleccionSimple" class="panel panel-info">
                        {{#each Opciones}}
                        <div class="col-sm-12" id="opcionSimple1">
                            {{#if_eq ../CodigoTipo "SES" }}
                            <input type="radio" idpregunta="{{IdPregunta}}" name="opcionSimple{{IdPregunta}}" value="{{IdOpcion}}">&nbsp;&nbsp;{{Descripcion}}
                            {{/if_eq}}
                            {{#if_eq ../CodigoTipo "SEM" }}
                            <input type="checkbox" idpregunta="{{IdPregunta}}" name="opcionMultiple{{IdPregunta}}{{@index}}" value="{{IdOpcion}}">&nbsp;&nbsp;{{Descripcion}}
                            {{/if_eq}}
                        </div>
                        <br />
                        {{/each}}
                    </div>
                    {{/each}}
                </div>
            </div>

        </div>
        <div class="col-sm-1">
            <a id="enviar" class="btn btn-primary enviarPregunta" href="#" style="text-align: left"><i class="fa fa-thumbs-o-up"></i>Enviar</a>
        </div>
            <a id="siguiente" style="visibility:hidden;" href="#"></a>
    </div>
</div>


